<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<title>佣金比例</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				font-family: Arial, "Microsoft YaHei";
			}
			
			body {
				background: url(../images/takeGame/bj.jpg) no-repeat;
				background-size: 100% 100%;
				height: 94vh;
				overflow: scroll;
				font-size: 0;
			}
			
			ul,
			li {
				list-style: none;
			}
			
			#wrapper {
				width: 88%;
				margin-left: 2%;
				color: white;
				/*height: 50vh;*/
				padding: 5% 3%;
				margin-top: 6vh;
				background: -o-linear-gradient(top, #391b3a, #1c0b1c);
				background: -moz-linear-gradient(top, #391b3a, #1c0b1c);
				background: -webkit-linear-gradient(top, #391b3a, #1c0b1c);
				border-radius: .5rem;
				overflow: scroll;
				border: .1rem solid #993399;
				box-shadow: .1rem .1rem .4rem #993399;
				font-size: .8rem;
			}
			#wrapper h3{
				text-align: center;
				font-size: 1rem;
				border-bottom: 1px solid #f74cf7;
				padding-bottom: .5rem;
			}
			.lis li {
				padding: 0 .5rem;
				height: 6vh;
				line-height: 6vh;
				border-bottom: 1px solid #f74cf7;
				font-size: .8rem;
			}
			.lis li:last-child {
				border: none;
				padding-bottom: 0;
			}
			.lis li span:last-child {
				float: right;
			}
			.bottomImg {
				position: absolute;
				bottom: 0;
				width: 80vw;
				height: 48vh;
				margin-left: 10vw;
				/*margin-top: .5rem;*/
			}
			/* 分享 */
			#fx {
				position: absolute;
				width: 10vw;
				height: 10vw;
				border-radius: 50%;
				border: 1px solid #f74cf7;
				box-shadow: 0 1px 5px #7A0975;
				color: white;
				top: 50vh;
				left: 1vw;
				font-size: .7rem;
				line-height: 10vw;
				text-align: center;
				z-index: 10;
			}
			.jiathis_txt {
				display: none;
			}
			.jiathis_style_32x32 {
				position: absolute;
				display: none;
				top: 50vh;
				left: 20vw;
				z-index: 100;
			}
		</style>
	</head>

	<body>
		<div id="wrapper">
			<h3>佣金比例</h3>
			<ul class="lis">
				<li>
					<span>一级佣金</span>
					<span>0.25/手</span>
				</li>
				<li>
					<span>二级佣金</span>
					<span>0.25/手</span>
				</li>
				<li>
					<span>三级佣金</span>
					<span>0.25/手</span>
				</li>
				<li>
					<span>四级佣金</span>
					<span>0.25/手</span>
				</li>
				<li>
					<span>五级佣金</span>
					<span>0.25/手</span>
				</li>
			</ul>
			<div id="fx">
				分享
			</div>
		</div>
		<div class="jiathis_style_32x32">
			<a class="jiathis_button_qzone"></a>
			<a class="jiathis_button_tsina"></a>
			<a class="jiathis_button_tqq"></a>
			<a class="jiathis_button_weixin"></a>
			<a class="jiathis_button_renren"></a>

		</div>
		<img class="bottomImg" src="../images/yjRatio.png" alt="" />
	</body>
<script src="../js/jquery-3.2.1.min.js"></script>


<script type="text/javascript">
	$('#fx').click(function () {
		$('.jiathis_style_32x32').toggle();
	})
	
	



var jiathis_config={
	summary:"",
	pic:"http://img.zcool.cn/community/0119b3569447bc6ac725af23ed8742.jpg@1280w_1l_2o_100sh.jpg",
	shortUrl:false,
	hideMore:false
}
</script>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
<!-- JiaThis Button END -->


</html>